<template>
	<view class="layout">
		<form @submit="formSubmit">
					<scroll-view scroll-y>
						
						
						<view class="rows">
							<view class="left">
								<view class="star">
									*
								</view>
								<view class="text">
									姓名
								</view>
							</view>
							<view class="right">
								<input class="uni-input" name="fullName" placeholder="输入姓名" :value="fullName"/>
										
							</view>
						</view>
						
						<view class="rows">
							<view class="left">
								<view class="star">
									*
								</view>
								<view class="text">
									身份证号
								</view>
							</view>
							<view class="right">
								<input class="uni-input" name="idCard" placeholder="输入身份证号" :value="idCard"/>
										
							</view>
						</view>
						
						<view class="rows">
							<view class="left">
								<view class="star">
									*
								</view>
								<view class="text">
									手机号码
								</view>
							</view>
							<view class="right">
								<view class="right">
									<input class="uni-input" name="phone" placeholder="输入手机号码" :value="phone"/>
											
								</view>			
							</view>
						</view>
						
						<view class="rows">
							<view class="left">
								<view class="star">
									*
								</view>
								<view class="text">
									身份证正面
								</view>
							</view>
							<view class="right">
								<view class="right">
									
											
								</view>			
							</view>
						</view>
						
						<uni-file-picker 
							v-model="imageValue" 
							fileMediatype="image" 
							mode="grid" 
							limit="1"
							@select="select" 
							@progress="progress" 
							@success="success" 
							@fail="fail" 
						/>
						
						<view class="rows">
							<view class="left">
								<view class="star">
									*
								</view>
								<view class="text">
									身份证反面
								</view>
							</view>
							<view class="right">
								<view class="right">
									
											
								</view>			
							</view>
						</view>
						
						<uni-file-picker 
							v-model="imageValue" 
							fileMediatype="image" 
							mode="grid" 
							limit="1"
							@select="select" 
							@progress="progress" 
							@success="success" 
							@fail="fail" 
						/>
						
				</scroll-view>		
						<view class="uni-btn-v">
							<button form-type="submit" class="but">确认提交</button>
						
						</view>
		</form>
	</view>
</template>

<script setup>
import { ref } from 'vue';
const fullname =ref('');//姓名
const idCard =ref('');//身份证号
const phone =ref('');//移动电话

const formSubmit = (e)=>{
	console.log(e);
}



</script>

<style lang='scss' scoped>
	.layout{
		padding: 20rpx 30rpx;
		scroll-view{
			height:73vh;
			padding: 20rpx 0;
		}
		.rows{
			display: flex;
			justify-content: space-between;
			font-size: 26rpx;
			line-height: 60rpx;
			border-bottom: 1rpx solid #ccc;
			margin-bottom: 20rpx;
			.left{
				display: flex;
				justify-content: space-between;
				.star{
					color:red;
				}
			}
			.right{
				display: flex;
				justify-content: space-between;
				align-items: center;
				text-align: right;
				color:$xx-color-body;
			}
		}
		
		.but{
					width: 500rpx;
					height: 80rpx;
					border-radius: 40rpx;
					background: $xx-color-body;
					color: #fff;
		}
		button::after{ border: none;}
		button{
			line-height:80rpx;
		}      
	}
	 
</style>